<template>
	<div id="app">
		<router-view/>
	</div>
</template>

<script>
	export default {
		name: 'App'
	}
</script>

<style lang="less">
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	
	html,
	body {
		height: 100%;
		background: #fff;
		/*禁止复制文本*/
		-webkit-user-select: none;
  		user-select: none;
	}
	
	input,
	button {
		outline: none
	}
	
	img,
	button,
	input {
		border: none;
	}
	/* 这个很有用 */
	
	img {
		max-width: 100%;
	}
	/* 移除 input type="number" 时浏览器自带的上下箭头 */
	
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
	}
	
	button:hover {
		cursor: pointer;
		opacity: .9;
	}
	
	a {
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	#app {
		width: 100%;
		height: 100%;
		/* 字体就写一个不要写多个 */
		font-family: 微软雅黑;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		/* transition样式 */
		.fade-enter-active,
		.fade-leave-active {
			transition: opacity .5s;
		}
		.fade-enter,
		.fade-leave-to {
			opacity: 0;
		}
		/* transition样式 */
		.homepage {
			.el-carousel__container {
				height: 100%;
			}
			.el-checkbox__label {
				font-size: 12px;
			}
			.el-carousel__indicator.is-active button {
				background: #2381d2;
			}
			.el-carousel__indicator button {
				background: #c2d6ef;
			}
			.el-carousel__indicators--outside {
				text-align: right;
				padding-right: 6.8%;
				background: #fff;
			}
			.el-carousel__indicators {
				left: 85%;
				bottom: 2%;
			}
			.el-step__icon-inner {
				display: none;
			}
		}
		.register {
			.el-input__inner {
				height: 60px;
			}
		}
		.login {
			.el-checkbox__inner {
				width: 20px;
				height: 20px;
			}
			.el-checkbox__inner::after {
				height: 10px;
				left: 7px;
			}
		}
		.audit_list {
			.el-table td,
			.el-table th.is-leaf {
				text-align: center;
			}
			.el-table thead {
				color: #000;
			}
			.el-table th {
				background: #ddf0fe;
			}
			.el-icon-close:before {
				border-radius: 50%;
				background: #6296ea;
				color: #fff;
				padding: 8px;
			}
			.el-dialog__headerbtn {
				top: -5px;
				right: -15px;
			}
			.el-dialog__header {
				padding: 0;
			}
			.el-dialog__body {
				padding: 0;
			}
			.el-checkbox__label {
				color: #fff;
			}
			.el-checkbox {
				text-align: left;
				margin-bottom: 10px;
			}
			.el-checkbox+.el-checkbox {
				margin-left: 0;
			}
			.el-checkbox__inner {
				width: 30px;
				height: 30px;
			}
			.el-checkbox__inner::after {
				left: 12px;
				top: 10px;
			}
		}
		.index_m {
			.type1,
			.edit_selects {
				.el-select {
					width: 356px;
				}
				.el-input--suffix .el-input__inner {
					height: 80px;
				}
				.el-input__inner {
					font-size: 37px;
					color: #000;
					text-align: center;
				}
			}
			.el-table thead {
				display: none;
			}
			.add_datas {
				.el-checkbox__inner {
					display: none;
				}
			}
		}
		.activity_promote {
			.el-tabs__nav-wrap::after {
				height: 0;
			}
			.el-tabs__nav-wrap {
				background: #f6f8f9;
				border-top: 1px solid #e0e0e0;
				border-bottom: 1px solid #e0e0e0;
				height: 66px;
			}
			.el-tabs__nav-scroll {
				padding-left: 28px;
			}
			.el-tabs__header {
				margin: 0;
			}
			.el-dialog__header {
				padding: 0;
			}
			.el-dialog__body {
				padding: 15px 0;
				background: #fff;
			}
			.el-icon-close:before {
				display: none;
			}
		}
		.user_analysis,
		.image_analysis {
			.el-tabs__nav {
				padding-left: 40px;
			}
			.el-tabs__active-bar {
				left: 40px;
			}
			.user_increase {
				.el-tabs__nav {
					padding-left: 0;
				}
				.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
					background: #409EFF;
					color: #fff;
				}
			}
			.user_increase {
				.el-date-editor .el-range-separator {
					padding: 0;
					width: 6%;
				}
				.el-input__inner {
					border: none;
					border-right: 1px solid #e7e7eb;
					background: #f4f5f9;
				}
				.el-range-editor .el-range-input {
					background: #f4f5f9;
				}
			}
		}
		.same_city_activity,
		.seckill_act_activity {
			.content0 {
				.el-icon-date:before {
					display: none;
				}
				.el-date-editor .el-range-separat {
					width: 10%;
					padding: 0;
				}
				.activity_search {
					.el-input__inner {
						height: 28px;
						line-height: 28px;
					}
				}
			}
		}
		.add_same_city {
			.el-dialog {
				border-radius: 10px;
			}
			.el-dialog__header {
				padding: 0;
			}
			.el-dialog__body {
				height: 600px;
			}
		}
		.add_seckill {
			.el-dialog__body{
				padding: 10px 20px;
			}
			.el-checkbox__inner {
				width: 28px;
				height: 28px;
			}
			.el-checkbox__inner::after {
				width: 6px;
				height: 14px;
				left: 10px;
				top: 3px;
			}
			.el-dialog__header {
				padding: 0;
			}
		}
		.special_topic {
			.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
				margin-left: 30px;
			}
			.el-tabs__active-bar {
				left: 30px;
			}
			.el-tabs__nav-scroll {
				background: #f6f8f9;
				border-bottom: 1px solid #e0e1e2;
			}
			.el-tabs__header {
				margin: 0;
			}
			.shelf {
				.el-tabs__item:hover {
					color: #000;
				}
				.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
					margin-left: 0;
				}
				.el-tabs--top .el-tabs__item.is-top {
					border-bottom: 1px solid #e4e7ed;
				}
				.el-tabs__nav-scroll {
					width: 90%;
					margin: 20px auto 0 auto;
					padding: 10px;
					background: #f4f5f9;
				}
				.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
					background: #3ca0ec;
					color: #fff;
				}
				.el-tabs__header {
					border-bottom: none;
				}
			}
			.el-table th>.cell {
				text-align: center;
			}
			.el-table::before {
				height: 0;
			}
		}
	}
</style>